---
import { RoadmapsPage } from '../components/Roadmaps/RoadmapsPage';
import { RoadmapsPageHeader } from '../components/Roadmaps/RoadmapsPageHeader';
import BaseLayout from '../layouts/BaseLayout.astro';
import ChangelogBanner from '../components/ChangelogBanner.astro';
---

<BaseLayout
  title='Developer Roadmaps'
  description={'Step by step guides and paths to learn different tools or technologies'}
  permalink={'/roadmaps'}
>
  <RoadmapsPageHeader client:load />
  <RoadmapsPage client:load />
  <ChangelogBanner slot='changelog-banner' />
</BaseLayout>
